$(function () {
    // ### 后端交互 
    $('form button').click(function (e) {
        console.log('登录逻辑')
    })
    // ### 登陆方式切换
    $('form button').click(function (e) {
        // 阻止默认动作
        e.preventDefault()
        // 获取内容
        let data = $(this).text()
        // 匹配内容切换
        let content = {
            账号登录: '.account-login',
            短信登陆: '.sms-login',
            扫码登陆: '.saoma-login',
        }
        let nowLogin = content[data]
        // 判断避免重复点击影响登陆，例如：账号登陆页，又点击了账号登陆
        // console.log($(this).parent('div').find('p span').text(), data)
        if ($(this).parent('div').find('p span').text() == data) return
        // 切换-判断
        if (nowLogin) {
            // $('section > form').removeClass('animate__animated animate__fadeInRight')
            $('section > form').removeClass('wof-rightInLeft')

            // 切换-全部隐藏
            $('section form > div').hide()
            // 切换-当前显示
            $(nowLogin).show()
            // 切换-加特效
            // $('section > form').addClass('animate__animated animate__fadeInRight')
            $('section > form').addClass('wof-rightInLeft')
        }
    })

    // ### 老人家抖起来
    $('section > img').mouseover(function () {
        $(this).addClass('wof-shake')
    })
    $('section > img').mouseout(function () {
        $(this).removeClass('wof-shake')
    })
})


//小眼睛 点击查看密码
$('.showPassword').click(function(){
    if($(this).hasClass('icon-yanjing')){
        //睁眼
        $(this).removeClass('icon-yanjing');
        $(this).addClass('icon-yanjing1');
        $(this).prev()[0].type='text';  //$(this).prev()[0]转成js对象再来操作type属性
        // console.log($(this).prev());
        // console.log($(this).prev()[0]);
    }else{
        //闭眼
        $(this).removeClass('icon-yanjing1');
        $(this).addClass('icon-yanjing');
        $(this).prev()[0].type='password';
    }
})

jkCaptchaFn('#captcha1',280,(captchaObj)=>{
    //7天免登录 账号登录  wqw   wqw12345
    $('button.account-1').click(function(){
        let account=$('input.account').val();
        let pwd=$('input.pwd').val();
        if(!account || !pwd){
            
            cocoMessage.error('内容不能为空');
            return
        }
        if(!captchaObj.getValidate()){
           
            cocoMessage.error('行为验证码错误');
            return
        }
        $.post('/api/user/login.jsp',{account,pwd},res=>{
            if(res.meta.state===200){
                
                cocoMessage.success(res.meta.msg);
                if($('.remember-1').prop('checked')){
                    localStorage.setItem('token',res.data.token);
                    localStorage.setItem('uname',res.data.uname);
                    // localStorage.setItem('expires',(new Date()).getTime()+7*24*3600*1000);
                    localStorage.setItem('expires',(new Date()).getTime()+10000);
                }else{
                    sessionStorage.setItem('token',res.data.token);
                    sessionStorage.setItem('uname',res.data.uname);
                }

                setTimeout(()=>{
                    // location.href='./index.html'
                    history.back();//返回上一个页面
                },2000)

            }else{
               
                cocoMessage.error(res.meta.msg);
            }
        },'json')
    })
})


$(function(){
    //短信登录 获取手机验证码
    let t=null;
    let num=9;
    $('.sms-login a').click(function(){
        let mobile=$('.sms-login .mobile').val()
        if(!/^1\d{10}$/.test(mobile)){
            
            cocoMessage.error('请输入正确的手机号');
            return
        }
        $(this).text(`${num}秒后重新发送`);
        if(t)return
        t=setInterval(() => {
            num--;
            if(num<=0){
                clearInterval(t);
                num=9;
                $(this).text(`获取手机动态码`)
                t=null;
                return
            }
            $(this).text(`${num}秒后重新发送`)
        }, 1000);

        $.post('/api/sms/send.jsp',{mobile},res=>{
            if(res.meta.state!==201){
                
                cocoMessage.error(res.meta.msg);
            }
        },'json')
    })

    jkCaptchaFn('#captcha2',280,(captchaObj)=>{
        //短信登录
        $('button.sms-2').click(function(){
            let mobile=$('.sms-login .mobile').val()
            let code=$('.sms-login .code').val()
            if(!mobile || !code){
                
                cocoMessage.error("内容不能为空！");
                return
            }
            if(!captchaObj.getValidate()){
                
                cocoMessage.error("行为验证码错误！");
                return
            }
            $.post('/api/sms/login.jsp',{mobile,code},res=>{
                if(res.meta.state===200){
                    
                    cocoMessage.success(res.meta.msg)
                    setTimeout(() => {
                        history.back();
                    }, 2000);

                    if($('.remember-2').prop('checked')){
                        localStorage.setItem('token',res.data.token);
                        localStorage.setItem('uname',res.data.uname);
                        // localStorage.setItem('expires',(new Date()).getTime()+7*24*3600*1000);
                        localStorage.setItem('expires',(new Date()).getTime()+10000);
                    }else{
                        sessionStorage.setItem('token',res.data.token);
                        sessionStorage.setItem('uname',res.data.uname);
                    }
                }else{
                    
                    cocoMessage.error(res.meta.msg);
                }
            },'json')
        })
    })
    
})


$(function(){
    //扫码登录
    function uuid() {
        var s = [];
        var hexDigits = "0123456789abcdef";
        for (var i = 0; i < 36; i++) {
            s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
        }
        s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
        s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
        s[8] = s[13] = s[18] = s[23] = "-";

        var uuid = s.join("");
        return (new Date).getTime() + "-" + uuid;
    }

    
    
    $('button.saoma').click(function(){
        // 留心：state位置不能变，qrcode实参的text键要用
        let state = uuid()
        $('#qrcode').text(''); //清空，防止出现多个二维码
        jQuery('#qrcode').qrcode({
            render: "canvas", 
            foreground: "#000",
            background: "#FFF",
            text: `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx5a9db0b452e8ca0b&redirect_uri=http://kg.zhaodashen.cn/mt/web/qr/login.jsp&response_type=code&scope=snsapi_base&state=${state}&connect_redirect=1#wechat_redirect`
        });

        t = setInterval(() => {
            // 参数：state  【必须】全球唯一的登录标识
            // 留心：state  是上面uuid()函数生成的
            $.post('http://kg.zhaodashen.cn/mt/web/qr/check.jsp', {state: state}, res=> {
                console.log(res.meta)
                console.log(res.data)
                if (res.meta.state == 200)
                {
                    // 清除定时器
                    clearInterval(t)
                    // 提示登陆成功
                    
                    cocoMessage.success(res.meta.msg);
                    // h5存储
                    sessionStorage.setItem('token',res.data.token);
                    sessionStorage.setItem('uname',res.data.uname);
                    // 重定向跳转
                    setTimeout(() => {
                        history.back();
                    }, 2000);
                }
            }, 'json')
        }, 1000)
    })
    
})

